<section [ngStyle]="boxCssStyle|styleFilter" appDebounceClick (debounceClick)="gotoPage($event)">
  <ion-slides [options]="slideOpts" (ionSlidePrevStart)="getprevIndex()"
    [ngStyle]="tagData?.data?.slideCssStyle|styleFilter" (ionSlideNextStart)="getnextIndex()" #slideImg
    [ngClass]="{'disableSlide': this.link?.params?.disableSlide}">
    <ion-slide *ngFor="let img of tagData.images, let i=index">
      <ng-container *ngIf="img.type!==undefined">
        <ng-container *ngIf="type === 1; else elseTemplate">
          <div style="width: 100vw;height: 100vw;">
            <app-hivideo [videoSrc]="img.videoSrc" [autoPlay]="autoPlay" [forVideos]="true" [link]="link"></app-hivideo>
          </div>
        </ng-container>
        <ng-template #elseTemplate>
          <div style="width: 100vw;height: 15.62rem;">
            <app-hivideo [videoSrc]="img.videoSrc" [autoPlay]="autoPlay" [forVideos]="true"  [link]="link"></app-hivideo>
          </div>
        </ng-template>
      </ng-container>
      <ng-container *ngIf="img.type===undefined">
        <ng-container *ngIf="flag">
          <div class="image-box" [ngStyle]="this.link?.params?.imageBoxCssStyle|styleFilter">
            <img class="img" [ngClass]="{'img-100': type === 1}" [src]="img"
              [ngStyle]="this.link?.params?.imageCssStyle|styleFilter"
              onerror="this.src='assets/img/375x250@2x.png'" appDebounceClick (debounceClick)="openImg(index)">

            <img class="playBtnBox" *ngIf="this.link?.params?.icon" [src]="this.link?.params?.icon"
              onerror="this.src='assets/fw/video_icon_paly.png'"
              [ngStyle]="this.link?.params?.iconCssStyle|styleFilter" />

              <!-- 增加图片底部阴影叠加效果 -->
              <div *ngIf="this.link?.params?.shadow1CssStyle" class="shadow-one" [ngStyle]="this.link?.params?.shadow1CssStyle|styleFilter"></div>
              <div *ngIf="this.link?.params?.shadow2CssStyle" class="shadow-two" [ngStyle]="this.link?.params?.shadow2CssStyle|styleFilter"></div>
          </div>

        </ng-container>
        <ng-container *ngIf="!flag">
          <img class="img" [ngClass]="{'img-100': type === 1}" [src]="img"
            onerror="this.src='assets/img/375x250@2x.png'">
        </ng-container>
      </ng-container>
    </ion-slide>
  </ion-slides>
  <ng-container *ngIf="showViewDetailBtn">
    <span class="span" [ngStyle]="tagData.data.viewDetailBtnCssStyle|styleFilter" *ngIf="flag"
      appDebounceClick (debounceClick)="openImg(index)">{{viewDetailBtn}}</span>
  </ng-container>
  <ng-container *ngIf="!showViewDetailBtn">
    <span class="span" [ngStyle]="cssStyle" *ngIf="flag">{{index}}/{{tagData.images.length}}</span>
  </ng-container>

</section>
<div class="updateBox" [ngStyle]="updateLink?.params?.boxCssStyle|styleFilter">
  <span class="updateVideo" *ngIf="updateLink" appDebounceClick (debounceClick)="goPage(updateLink,$event)"
    [ngStyle]="updateLink?.params?.cssStyle|styleFilter">{{updateLink.label}}</span>
</div>